<?php /*a:1:{s:66:"D:\xinwujia\xshop\application\admin\view\order\delivery\index.html";i:1532685123;}*/ ?>
﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>待发货</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/lib/jquery/1.9.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <script src="/icheck-1.x/icheck.js"></script>
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
    <link href="/icheck-1.x/skins/all.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
</head>
<body>

<form class="form-inline"action="<?php echo url('search'); ?>" method="post" style="margin: 25px 50px">
    <div class="input-group col-sm-12">
        <div class="col-sm-1" style="padding: 0px">
            <select class="form-control" style="width: 100%">
                <option selected>支付方式</option>
                <option>未支付</option>
                <option>余额支付</option>
                <option>后台支付</option>
                <option>在线支付</option>
                <option>微信支付</option>
                <option>支付宝支付</option>
                <option>银联支付</option>
                <option>货到付款</option>
            </select>
        </div>
        <div class="col-sm-1" style="padding: 0px">
            <select class="form-control" style="width: 100%">
                <option selected>不按时间</option>
                <option>下单时间</option>
                <option>付款时间</option>
                <option>发货时间</option>
                <option>完成时间</option>
            </select>
        </div>
        <div class="col-sm-4" style="padding: 0px">
            <div class="input-group" style="width: 100%">
                <input type="date" class="form-control" value="2008-01-01">
                <span class="input-group-addon">至</span>
                <input type="date" class="form-control" value="2008-01-01">
            </div>
        </div>
        <div class="col-sm-1" style="padding: 0px">
            <select class="form-control" style="width: 100%">
                <option selected>订单号</option>
                <option>会员信息</option>
                <option>收件人信息</option>
                <option>地址信息</option>
                <option>快递单号</option>
                <option>商品名称</option>
                <option>商品编码</option>
                <option>核销员</option>
                <option>核销门店</option>
            </select>
        </div>
        <div class="col-sm-4" style="padding: 0px">
            <div class="input-group" style="width: 100%">
                <input type="text" class="form-control" value="" placeholder="请输入关键字">
                <span class="input-group-btn">
                    <a class="btn btn-primary" type="button" href="<?php echo url('order.delivery/search'); ?>">搜索</a>
                    <button class="btn btn-default" type="button">导出</button>
                </span>
            </div>
        </div>
    </div>
</form>

<hr>
<div style="margin: 10px 100px 10px 100px;">
    <table class="table table-hover">
            <tr>
                <th>商品</th>
                <th>买家</th>
                <th>支付/配送</th>
                <th>价格</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            <tr v-for="l1 in data">
                <td style="width: 500px">
                    <strong>{{l1.goods.time}}</strong><p>订单编号：{{l1.goods.orderno}}</p>
                    <div>
                        <div style="vertical-align: middle">
                            <img v-bind:src="l1.goods.url" alt="无法显示图片" class="img-circle img-responsive" style="width: 100px;display: inline"/>
                            <span>&emsp;{{l1.goods.desc}}</span>
                            <span>&emsp;￥{{l1.goods.price}}</span>
                            <span>&emsp;X{{l1.goods.num}}</span>
                        </div>
                        <span>&emsp;商品名称：{{l1.goods.name}}</span>
                    </div>
                </td>
                <td style="vertical-align: middle">
                    <p>{{l1.buyer.nickname}}&emsp;&emsp;&emsp;</p>
                    <p>{{l1.buyer.truename}}</p>
                    <p>{{l1.buyer.number}}</p>
                </td>
                <td style="vertical-align: middle">
                    <p>{{l1.pay.method}}&emsp;&emsp;&emsp;</p>
                    <p>{{l1.pay.dispatching}}</p>
                </td>
                <td style="vertical-align: middle">
                    <p>{{l1.price}}&emsp;&emsp;&emsp;</p>
                </td>
                <td style="vertical-align: middle">
                    <p>{{l1.status}}</p>
                </td>
                <td style="vertical-align: middle">
                    <a v-bind:href="detailUrl+'?id='+l1.id">查看详情</a>
                </td>
            </tr>
    </table>
</div>
<div>...</div>
<script>
   var app=new Vue({
       el:"table",
       data: {
           detailUrl:"<?php echo url('order.delivery/detail'); ?>",
           data:[
               {
                   goods:{
                        name:"五加种养殖",
                        time:"2018-7-15 20:36:16",
                       orderno:"ME20180715203616666794",
                       desc:"11.99体验新鲜采摘蔬菜套餐 60份",
                       price:"11.99",
                       num:"1",
                       url:"http://www.xgllsh.cn/attachment/images/1/merch/131/om3MI8nOI3NNlP2O24l74i34lAaaIp.jpg"
                   },
                   buyer:{
                        nickname:"笨牛牛 ",
                       truename:"严汝芹",
                       number:"18583119996"
                   },
                   pay:{
                        method:"微信支付",
                       dispatching:"快递"
                   },
                   price:"11.99",
                   status: "待发货",
                   id:11
               },
               {
                   goods:{
                       name:"五加种养殖",
                       time:"2018-7-15 20:36:16",
                       orderno:"ME20180715203616666794",
                       desc:"11.99体验新鲜采摘蔬菜套餐 60份",
                       price:"11.99",
                       num:"1",
                   },
                   buyer:{
                       nickname:"笨牛牛 ",
                       truename:"严汝芹",
                       number:"18583119996"
                   },
                   pay:{
                       method:"微信支付",
                       dispatching:"快递"
                   },
                   price:"11.99",
                   status: "待发货",
                   id:11
               },
               {
                   goods:{
                       name:"五加种养殖",
                       time:"2018-7-15 20:36:16",
                       orderno:"ME20180715203616666794",
                       desc:"11.99体验新鲜采摘蔬菜套餐 60份",
                       price:"11.99",
                       num:"1",
                   },
                   buyer:{
                       nickname:"笨牛牛 ",
                       truename:"严汝芹",
                       number:"18583119996"
                   },
                   pay:{
                       method:"微信支付",
                       dispatching:"快递"
                   },
                   price:"11.99",
                   status: "待发货",
                   id:11
               }

               ]
   }
   });
   app.data[1].name="12311111456";

   $('input').iCheck({
       labelHover : false,
       cursor : true,
       checkboxClass : 'icheckbox_square-blue',
       radioClass : 'iradio_square-blue',
       increaseArea : '20%'
   });
</script>
</body>
</html>